<template>
  <div>
<!--    <el-row v-loading="uillUpdateImg">-->
    <el-row>
      <quill-editor
        v-model="detailContent"
        ref="myQuillEditor"
        :options="editorOption"
        @change="onEditorChange($event)"
        @ready="onEditorReady($event)"
      >
      </quill-editor>
    </el-row>
  </div>
</template>

<script>
//富文本使用参考链接
//https://segmentfault.com/a/1190000017362599?utm_source=tag-newest


export default {
  name: "Test2",
  data() {
    return {
      quillUpdateImg: false, // 根据图片上传状态来确定是否显示loading动画，刚开始是false,不显示
      serverUrl: '',  // 这里写你要上传的图片服务器地址
      header: {token: sessionStorage.token},  // 有的图片服务器要求请求头需要有token之类的参数，写在这里
      detailContent: '', // 富文本内容
      editorOption: {}  // 富文本编辑器配置
    }
  },
  methods: {
    // 上传图片前
    beforeUpload(res, file) {
      console.log(res, file);
    },
    // 上传图片成功
    uploadSuccess(res, file) {
      console.log(res, file);
    },
    // 上传图片失败
    uploadError(res, file) {
      console.log(res, file);
    },
    
    onEditorChange() {
    
    },
  
    onEditorReady() {
    
    }
  }
}
</script>

<style scoped>

</style>